<template>
    <CommonContainer title="基础信息">
        <el-row :gutter="10">
            <el-col :span="24">
                <el-descriptions>
                    <el-descriptions-item label="模版名称">{{ detailInfo.templateName }}</el-descriptions-item>
                    <el-descriptions-item label="模版类型">
                        <dict-tag :options="dict.type.take_car_contract_template_type" :value="detailInfo.templateClassification"/>
                    </el-descriptions-item>
                    <el-descriptions-item label="说明" :span="3">
                        {{ detailInfo.templateRemark }}
                    </el-descriptions-item>
                    <el-descriptions-item label="附件" :span="3">
                        <image-common disabled :up-type="2" v-model="detailInfo.templateAnnex"></image-common>
                    </el-descriptions-item>

                </el-descriptions>
            </el-col>
        </el-row>
    </CommonContainer>
</template>

<script>
export default {
    components: {},
    dicts: ['take_car_contract_template_type'],
    props: {
        detailInfo: {
            type: Object,
            default: {}
        },
        viewType:{
            type:Number,
            default: 1
        }
    },
    data() {
        return {}
    },
    computed: {},
    methods: {
    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
.suggestionInfo {
    position: relative;

    .apprvalStatus {
        position: absolute;
        top: 10px;
        right: 40px;
        width: 80px;
        height: 80px;
        font-size: 14px;
        text-align: center;
        border-radius: 40px;

        &.active0 {
            color: #1890FF;
            border: #1890FF solid 1px;
        }

        &.active1 {
            color: orange;
            border: orange solid 1px;
        }

        &.active2 {
            color: red;
            border: red solid 1px;
        }

        &.active3 {
            color: green;
            border: green solid 1px;
        }
    }
}
</style>
